<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>11_盒子模型-隐藏元素</title>
        <style>
            .box {
                width: 300px;
                height: 200px;
                background-color: aqua;
                border: 3px dashed red;
            }

            .box01 {
                /* 元素看不了 但是元素的位置还在 */
                /* visibility: hidden; */
                /* 元素看不了 元素位置也没了 不占位 */
                display: none;
            }
        </style>

    </head>
    <body>
        <div class="box box01"></div>
        <div class="box"></div>
    </body>
</html>